<template>
  <div class="logo">
    <div class="logo-top">
      <router-link :to="routerLinkTo">
        <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->
        <img v-if="navTheme === 'dark'" src="~@/assets/logo.png" alt="logo" />
        <img v-else src="~@/assets/logo.svg" alt="logo" />
        <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->
      </router-link>
    
    
      <!-- <h1 v-if="showTitle">{{ title }}</h1> -->
    </div>
  </div>
</template>

<script>
import { mixin } from "@/utils/mixin.js";

export default {
  name: "Logo",
  mixins: [mixin],
  props: {
    title: {
      type: String,
      default: "数字化能碳管理中心软件平台",
      required: false,
    },
    showTitle: {
      type: Boolean,
      default: true,
      required: false,
    },
    // 点击Logo跳转地址
    routerLinkTo: {
      type: Object,
      default: () => ({ name: "dashboard" }),
    },
  },
};
</script>


<style lang="less" scoped>
/*缩小首页布 局顶部的高度*/
@height: 59px;

.sider {
  box-shadow: none !important;
  .logo {
    height: @height !important;
    line-height: @height !important;
    box-shadow: none !important;
    transition: background 300ms;
    background-color: #006a77;
   
    a {
      color: white;
      &:hover {
        color: rgba(255, 255, 255, 0.8);
      }
    }
  }

  &.light .logo {
    background-color: @primary-color;
  }
}
</style>
